<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta name="keywords" content="甜爱，SweetLove,甜品，甜点，生日蛋糕，冰淇淋，冰品"/>
<meta name="description" content="甜爱网上商城是专注于甜品销售、进口的网站，各种甜品、甜点齐全，还有解暑的各种冰品任顾客挑选，让他们感受到爱的温馨。">
<meta charset="utf-8">
<title>商品详细</title>
<link rel="stylesheet" href="/fore/css/detail.css">
<link rel="stylesheet" href="/fore/css/toastr/toastr.min.css" >
<script src="/fore/js/jquery-v1.10.2.min.js" type="text/javascript"></script>
</head>

<body>
<!--页头-->
<div th:replace="fore/include/header::head"></div>
<!--内容-->
<div id="contentCon" th:object="${product}">
	<ul>
    	<li th:text="*{name}"></li>
        <li class="right">
            <a >概述</a>
            <a >图集</a>
            <a >详情</a>
        </li>
    </ul>
    <div id="show">
    	<div>
            <ol><img th:src="*{picture}" alt=""></ol>
        </div>
        <div class="right">
        	<p th:text="*{name}"></p>
            <input type="hidden" class="productId" th:value="*{id}" disabled>
            <div>
            	<ul>
                	<span>¥</span>
                	<h2 class="show_price">25.90</h2>
                </ul>
                <ol>
                </ol>
                <li>
                	<p>服务</p>
                    <div>
                    	<span>.</span>
                        <p>满88元包邮</p>
                        <span>.</span>
                        <p>不支持无理由货</p>
                        <span>.</span>
                        <p>48小时极速退款</p>
                    </div>
                </li>
            </div>
            <ul>
            	<li class="check01">
                    <p>规格</p>
                    <span th:each="spec:${specs}" th:text="${spec.name}" th:spec-id="${spec.id}" th:spec-price="${spec.price / 100}" class="spec"></span>
                </li>
                <ol>
                    <p>数量</p>
                    <a class="reduce" >-</a><input value="1" class="number" readonly><a  class="add">+</a>
            	</ol>

                <a class="buy">立刻购买</a>
                <a class="car">加入购物车</a>

                <a class="love cancel" title="取消收藏" th:if="${userFavorite}">
                    <img src="/fore/images/love_checked.png" >
                </a>

                <a class="love collect" title="收藏" th:if="${userFavorite == null}">
                    <img src="/fore/images/love_default.png" >
                </a>


            </ul>
        </div>
    </div>
    <div id="details">
    	<ul>
        	<div>
            	<p>Details</p>
                <span></span>
            </div>
            <p>商品详情</p>
            <span></span>
        </ul>
        <ol>
        	<li>
            	<div>
                	<p>品名</p>
                    <span>提拉米苏</span>
                </div>
                <div class="text02">
                	<p>品牌</p>
                    <span>味多美</span>
                </div>
            </li>
            <li>
            	<div>
                	<p>尺寸</p>
                    <span>6寸&nbsp; 8寸&nbsp; 10寸&nbsp; 14寸&nbsp; 18寸 ...</span>
                </div>
                <div class="text03">
                	<p>保质期</p>
                    <span>3天</span>
                </div>
            </li>
            <li>
            	<div>
                	<p>同城服务</p>
                    <span>同城24小时送达</span>
                </div>
                <div class="text04">
                	<p>贮存条件</p>
                    <span>阴凉干燥处</span>
                </div>
            </li>
            <div>
            	<span>配料</span>
                <p>小麦粉，白砂糖，起酥油，人造奶油，鸡蛋，核桃仁，卡士达粉（白砂糖
                ，起酥油，奶粉，<br>乙酰化二淀粉磷酸酯，食用香精，β-胡萝卜素），红茶，食用盐，食品添加剂（复配膨<br>
                松剂（碳酸氢钠，焦磷酸二氢二钠，磷酸氢钙，玉米淀粉）碳酸氢钠，碳酸氢铵），液体<br>
                调味料（水，糯米，大米，柠檬汁）</p>
            </div>
        </ol>
    </div>
    <div id="origin">
    	<ul>
        	<div>
            	<p>Origin</p>
                <span></span>
            </div>
            <p>商品起源</p>
            <span></span>
        </ul>
        <ol>
        	<li></li>
            <div>
            	<p>一个意大利士兵即将开赴战场，可是家里已经什么也没有了，爱<br>
                他的妻子为了给他准备干粮，把家里所有能吃的饼干、面包全做<br>
                进了一个糕点里，意为带我走，那个糕点就叫提拉米苏。每当这<br>
                个士兵在战场上吃到提拉米苏就会想起他的家，想起家中的爱人<br>
                。在意大利文里，提拉米苏有 “ 带我走 ” 的含义，带走的不只<br>是美味，还有爱和幸福</p>
            </div>
        </ol>
    </div>
    <div id="Indredient">
    	<ul>
        	<div>
            	<p>Indredient</p>
                <span></span>
            </div>
            <p>商品成分</p>
            <span></span>
        </ul>
        <ol></ol>
    </div>
</div>
<!--页脚-->
<div th:replace="fore/include/footer::foot"></div>
<script src="/fore/js/script.js" type="text/javascript"></script>
</body>
</html>
